<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!--引入头部-->
    {{include './header.html'}}
    <!--模板渲染传递的参数的信息-->
    <!--{{}}  插值表达式-->
    <div> {{name}}</div>
    <!--@ 渲染html标签-->
    <div>{{@name}}</div>
    <hr />
    <div>{{person}}</div>
    <!--判断语法-->
    <div>
        {{person.age}}
        {{if(person.age >= 18) }}
            成年
        {{else}}
        未成年
        {{/if}}    
    </div>
    <ul>
        <!--循环遍历-->
        <!--默认是$index $value -->
        {{each person}}
        <li>{{$index}}——{{$value}}</li>
        {{/each}}

        <!--参数别名-->
        {{each person v k }}
        <li>{{k}}——{{v}}</li>
        {{/each}}
    </ul>
    <hr/>
    <div> {{arr}}</div>
    <!--数组遍历-->
    {{each arr}}
    <p>{{$index+1}}--{{$value}}</p>
    {{/each}}

    <hr/>
   <div> {{bool}}</div>
    <ul>
        <li>第一行</li>
        <li>第二行</li>
        <li>第三行</li>
        <li>第四行</li>
    </ul>
    {{include './footer.html'}}
</body>

</html>